/* OAD.CSS 4.15 Revised by Mark Hammons 4-18-2022 from original script by Jan Egil and Borge Refsnes */

html {

    box-sizing: border-box

}



*, *:before, *:after {

    box-sizing: inherit

}



html {

    -ms-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%

}



body {

    margin: 0

}



article, aside, details, figcaption, figure, footer, header, main, menu, nav, section {

    display: block

}



summary {

    display: list-item

}



audio, canvas, progress, video {

    display: inline-block

}



progress {

    vertical-align: baseline

}



audio:not([controls]) {

    display: none;

    height: 0

}



[hidden], template {

    display: none

}



a {

    background-color: transparent

}



    a:active, a:hover {

        outline-width: 0

    }



abbr[title] {

    border-bottom: none;

    text-decoration: underline;

    text-decoration: underline dotted

}



b, strong {

    font-weight: bolder

}



dfn {

    font-style: italic

}



mark {

    background: #ff0;

    color: #000

}



small {

    font-size: 80%

}



sub, sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline

}



sub {

    bottom: -0.25em

}



sup {

    top: -0.5em

}



figure {

    margin: 1em 40px

}



img {

    border-style: none

}



code, kbd, pre, samp {

    font-family: monospace,monospace;

    font-size: 1em

}



hr {

    box-sizing: content-box;

    height: 0;

    overflow: visible

}



button, input, select, textarea, optgroup {

    font: inherit;

    margin: 0

}



optgroup {

    font-weight: bold

}



button, input {

    overflow: visible

}



button, select {

    text-transform: none

}



button, [type=button], [type=reset], [type=submit] {

    -webkit-appearance: button

}



    button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {

        border-style: none;

        padding: 0

    }



    button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {

        outline: 1px dotted ButtonText

    }



fieldset {

    border: 1px solid #c0c0c0;

    margin: 0 2px;

    padding: .35em .625em .75em

}



legend {

    color: inherit;

    display: table;

    max-width: 100%;

    padding: 0;

    white-space: normal

}



textarea {

    overflow: auto

}



[type=checkbox], [type=radio] {

    padding: 0

}



[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {

    height: auto

}



[type=search] {

    -webkit-appearance: textfield;

    outline-offset: -2px

}



    [type=search]::-webkit-search-decoration {

        -webkit-appearance: none

    }



::-webkit-file-upload-button {

    -webkit-appearance: button;

    font: inherit

}

/* End extract */

html, body {

    font-family: Verdana,sans-serif;

    font-size: 15px;

    line-height: 1.5

}



html {

    overflow-x: hidden

}



h1 {

    font-size: 36px

}



h2 {

    font-size: 30px

}



h3 {

    font-size: 24px

}



h4 {

    font-size: 20px

}



h5 {

    font-size: 18px

}



h6 {

    font-size: 16px

}



.OAD-serif {

    font-family: serif

}



.OAD-sans-serif {

    font-family: sans-serif

}



.OAD-cursive {

    font-family: cursive

}



.OAD-monospace {

    font-family: monospace

}



h1, h2, h3, h4, h5, h6 {

    font-family: "Segoe UI",Arial,sans-serif;

    font-weight: 400;

    margin: 10px 0

}



.OAD-wide {

    letter-spacing: 4px

}



hr {

    border: 0;

    border-top: 1px solid #eee;

    margin: 20px 0

}



.OAD-image {

    max-width: 100%;

    height: auto

}



img {

    vertical-align: middle

}



a {

    color: inherit

}



.OAD-table, .OAD-table-all {

    border-collapse: collapse;

    border-spacing: 0;

    width: 100%;

    display: table

}



.OAD-table-all {

    border: 1px solid #ccc

}



    .OAD-bordered tr, .OAD-table-all tr {

        border-bottom: 1px solid #ddd

    }



.OAD-striped tbody tr:nth-child(even) {

    background-color: #f1f1f1

}



.OAD-table-all tr:nth-child(odd) {

    background-color: #fff

}



.OAD-table-all tr:nth-child(even) {

    background-color: #f1f1f1

}



.OAD-hoverable tbody tr:hover, .OAD-ul.OAD-hoverable li:hover {

    background-color: #ccc

}



.OAD-centered tr th, .OAD-centered tr td {

    text-align: center

}



.OAD-table td, .OAD-table th, .OAD-table-all td, .OAD-table-all th {

    padding: 8px 8px;

    display: table-cell;

    text-align: left;

    vertical-align: top

}



    .OAD-table th:first-child, .OAD-table td:first-child, .OAD-table-all th:first-child, .OAD-table-all td:first-child {

        padding-left: 16px

    }



.OAD-btn, .OAD-button {

    border: none;

    display: inline-block;

    padding: 8px 16px;

    vertical-align: middle;

    overflow: hidden;

    text-decoration: none;

    color: inherit;

    background-color: inherit;

    text-align: center;

    cursor: pointer;

    white-space: nowrap

}



    .OAD-btn:hover {

        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)

    }



.OAD-btn, .OAD-button {

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



    .OAD-disabled, .OAD-btn:disabled, .OAD-button:disabled {

        cursor: not-allowed;

        opacity: 0.3

    }



        .OAD-disabled *, :disabled * {

            pointer-events: none

        }



        .OAD-btn.OAD-disabled:hover, .OAD-btn:disabled:hover {

            box-shadow: none

        }



.OAD-badge, .OAD-tag {

    background-color: #000;

    color: #fff;

    display: inline-block;

    padding-left: 8px;

    padding-right: 8px;

    text-align: center

}



.OAD-badge {

    border-radius: 50%

}



.OAD-ul {

    list-style-type: none;

    padding: 0;

    margin: 0

}



    .OAD-ul li {

        padding: 8px 16px;

        border-bottom: 1px solid #ddd

    }



        .OAD-ul li:last-child {

            border-bottom: none

        }



.OAD-tooltip, .OAD-display-container {

    position: relative

}



    .OAD-tooltip .OAD-text {

        display: none

    }



    .OAD-tooltip:hover .OAD-text {

        display: inline-block

    }



.OAD-ripple:active {

    opacity: 0.5

}



.OAD-ripple {

    transition: opacity 0s

}



.OAD-input {

    padding: 8px;

    display: block;

    border: none;

    border-bottom: 1px solid #ccc;

    width: 100%

}



.OAD-select {

    padding: 9px 0;

    width: 100%;

    border: none;

    border-bottom: 1px solid #ccc

}



.OAD-dropdown-click, .OAD-dropdown-hover {

    position: relative;

    display: inline-block;

    cursor: pointer

}



    .OAD-dropdown-hover:hover .OAD-dropdown-content {

        display: block

    }



    .OAD-dropdown-hover:first-child, .OAD-dropdown-click:hover {

        background-color: #ccc;

        color: #000

    }



        .OAD-dropdown-hover:hover > .OAD-button:first-child, .OAD-dropdown-click:hover > .OAD-button:first-child {

            background-color: #ccc;

            color: #000

        }



.OAD-dropdown-content {

    cursor: auto;

    color: #000;

    background-color: #fff;

    display: none;

    position: absolute;

    min-width: 160px;

    margin: 0;

    padding: 0;

    z-index: 1

}



.OAD-check, .OAD-radio {

    width: 24px;

    height: 24px;

    position: relative;

    top: 6px

}



.OAD-sidebar {

    height: 100%;

    width: 200px;

    background-color: #fff;

    position: fixed ;

    z-index: 1;

    overflow: auto

}



.OAD-bar-block .OAD-dropdown-hover, .OAD-bar-block .OAD-dropdown-click {

    width: 100%

}



    .OAD-bar-block .OAD-dropdown-hover .OAD-dropdown-content, .OAD-bar-block .OAD-dropdown-click .OAD-dropdown-content {

        min-width: 100%

    }



    .OAD-bar-block .OAD-dropdown-hover .OAD-button, .OAD-bar-block .OAD-dropdown-click .OAD-button {

        width: 100%;

        text-align: left;

        padding: 8px 16px

    }



.OAD-main, #main {

    transition: margin-left .4s

}



.OAD-modal {

    z-index: 3;

    display: none;

    padding-top: 100px;

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    overflow: auto;

    background-color: rgb(0,0,0);

    background-color: rgba(0,0,0,0.4)

}



.OAD-modal-content {

    margin: auto;

    background-color: #fff;

    position: relative;

    padding: 0;

    outline: 0;

    width: 600px

}



.OAD-bar {

    width: 100%;

    overflow: hidden;



}



.OAD-center .OAD-bar {

    display: inline-block;

    width: auto;

    vertical-align:middle;

}



.OAD-bar .OAD-bar-item {

    padding: 8px 16px;

    float: left;

    width: auto;

    border: none;

    display: block;

    outline: 0

}



.OAD-bar .OAD-dropdown-hover, .OAD-bar .OAD-dropdown-click {

    position: static;

    float: left

}



.OAD-bar .OAD-button {

    white-space: normal

}



.OAD-bar-block .OAD-bar-item {

    width: 100%;

    display: block;

    padding: 8px 16px;

    text-align: left;

    border: none;

    white-space: normal;

    float: none;

    outline: 0

}



.OAD-bar-block.OAD-center .OAD-bar-item {

    text-align: center

}



.OAD-block {

    display: block;

    width: 100%

}



.OAD-responsive {

    display: block;

    overflow-x: auto

}



.OAD-container:after, .OAD-container:before, .OAD-panel:after, .OAD-panel:before, .OAD-row:after, .OAD-row:before, .OAD-row-padding:after, .OAD-row-padding:before,

.OAD-cell-row:before, .OAD-cell-row:after, .OAD-clear:after, .OAD-clear:before, .OAD-bar:before, .OAD-bar:after {

    content: "";

    display: table;

    clear: both

}



.OAD-col, .OAD-half, .OAD-third, .OAD-twothird, .OAD-threequarter, .OAD-quarter {

    float: left;

    width: 100%

}



    .OAD-col.s1 {

        width: 8.33333%

    }



    .OAD-col.s2 {

        width: 16.66666%

    }



    .OAD-col.s3 {

        width: 24.99999%

    }



    .OAD-col.s4 {

        width: 33.33333%

    }



    .OAD-col.s5 {

        width: 41.66666%

    }



    .OAD-col.s6 {

        width: 49.99999%

    }



    .OAD-col.s7 {

        width: 58.33333%

    }



    .OAD-col.s8 {

        width: 66.66666%

    }



    .OAD-col.s9 {

        width: 74.99999%

    }



    .OAD-col.s10 {

        width: 83.33333%

    }



    .OAD-col.s11 {

        width: 91.66666%

    }



    .OAD-col.s12 {

        width: 99.99999%

    }



@media (min-width:601px) {

    .OAD-col.m1 {

        width: 8.33333%

    }



    .OAD-col.m2 {

        width: 16.66666%

    }



    .OAD-col.m3, .OAD-quarter {

        width: 24.99999%

    }



    .OAD-col.m4, .OAD-third {

        width: 33.33333%

    }



    .OAD-col.m5 {

        width: 41.66666%

    }



    .OAD-col.m6, .OAD-half {

        width: 49.99999%

    }



    .OAD-col.m7 {

        width: 58.33333%

    }



    .OAD-col.m8, .OAD-twothird {

        width: 75%

    }



    .OAD-col.m9, .OAD-threequarter {

        width: 74.99999%

    }



    .OAD-col.m10 {

        width: 83.33333%

    }



    .OAD-col.m11 {

        width: 91.66666%

    }



    .OAD-col.m12 {

        width: 99.99999%

    }

}



@media (min-width:993px) {

    .OAD-col.l1 {

        width: 8.33333%

    }



    .OAD-col.l2 {

        width: 16.66666%

    }



    .OAD-col.l3 {

        width: 24.99999%

    }



    .OAD-col.l4 {

        width: 33.33333%

    }



    .OAD-col.l5 {

        width: 41.66666%

    }



    .OAD-col.l6 {

        width: 49.99999%

    }



    .OAD-col.l7 {

        width: 58.33333%

    }



    .OAD-col.l8 {

        width: 66.66666%

    }



    .OAD-col.l9 {

        width: 74.99999%

    }



    .OAD-col.l10 {

        width: 83.33333%

    }



    .OAD-col.l11 {

        width: 91.66666%

    }



    .OAD-col.l12 {

        width: 99.99999%

    }

}



.OAD-rest {

    overflow: hidden

}



.OAD-stretch {

    margin-left: -16px;

    margin-right: -16px

}



.OAD-content, .OAD-auto {

    margin-left: auto;

    margin-right: auto

}



.OAD-content {

    max-width: 980px

}



.OAD-auto {

    max-width: 1140px

}



.OAD-cell-row {

    display: table;

    width: 100%

}



.OAD-cell {

    display: table-cell

}



.OAD-cell-top {

    vertical-align: top

}



.OAD-cell-middle {

    vertical-align: middle

}



.OAD-cell-bottom {

    vertical-align: bottom

}



.OAD-hide {

    display: none 

}



.OAD-show-block, .OAD-show {

    display: block 

}



.OAD-show-inline-block {

    display: inline-block 

}



@media (max-width:1205px) {

    .OAD-auto {

        max-width: 95%

    }

}



@media (max-width:600px) {

    .OAD-modal-content {

        margin: 0 10px;

        width: auto 

    }



    .OAD-modal {

        padding-top: 30px

    }



    .OAD-dropdown-hover.OAD-mobile .OAD-dropdown-content, .OAD-dropdown-click.OAD-mobile .OAD-dropdown-content {

        position: relative

    }



    .OAD-hide-small {

        display: none 

    }



    .OAD-mobile {

        display: block;

        width: 100% 

    }



    .OAD-bar-item.OAD-mobile, .OAD-dropdown-hover.OAD-mobile, .OAD-dropdown-click.OAD-mobile {

        text-align: center

    }



        .OAD-dropdown-hover.OAD-mobile, .OAD-dropdown-hover.OAD-mobile .OAD-btn, .OAD-dropdown-hover.OAD-mobile .OAD-button, .OAD-dropdown-click.OAD-mobile, .OAD-dropdown-click.OAD-mobile .OAD-btn, .OAD-dropdown-click.OAD-mobile .OAD-button {

            width: 100%

        }

}



@media (max-width:768px) {

    .OAD-modal-content {

        width: 500px

    }



    .OAD-modal {

        padding-top: 50px

    }

}



@media (min-width:993px) {

    .OAD-modal-content {

        width: 900px

    }



    .OAD-hide-large {

        display: none 

    }



    .OAD-sidebar.OAD-collapse {

        display: block 

    }

}



@media (max-width:992px) and (min-width:601px) {

    .OAD-hide-medium {

        display: none 

    }

}



@media (max-width:992px) {

    .OAD-sidebar.OAD-collapse {

        display: none

    }



    .OAD-main {

        margin-left: 0 ;

        margin-right: 0 

    }



    .OAD-auto {

        max-width: 100%

    }

}



.OAD-top, .OAD-bottom {

    position: fixed;

    width: 100%;

    z-index: 1;

    background-color:#f1f1f1;

    

}



.OAD-top {

    top: 0

    background-color:#fff2d5;



}



.OAD-bottom {

    bottom: 0

}



.OAD-overlay {

    position: fixed;

    display: none;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(0,0,0,0.5);

    z-index: 2

}



.OAD-display-topleft {

    position: absolute;

    left: 0;

    top: 0

}



.OAD-display-topright {

    position: absolute;

    right: 0;

    top: 0

}



.OAD-display-bottomleft {

    position: absolute;

    left: 0;

    bottom: 0

}



.OAD-display-bottomright {

    position: absolute;

    right: 0;

    bottom: 0

}



.OAD-display-middle {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%)

}



.OAD-display-left {

    position: absolute;

    top: 50%;

    left: 0%;

    transform: translate(0%,-50%);

    -ms-transform: translate(-0%,-50%)

}



.OAD-display-right {

    position: absolute;

    top: 50%;

    right: 0%;

    transform: translate(0%,-50%);

    -ms-transform: translate(0%,-50%)

}



.OAD-display-topmiddle {

    position: absolute;

    left: 50%;

    top: 0;

    transform: translate(-50%,0%);

    -ms-transform: translate(-50%,0%)

}



.OAD-display-bottommiddle {

    position: absolute;

    left: 50%;

    bottom: 0;

    transform: translate(-50%,0%);

    -ms-transform: translate(-50%,0%)

}



.OAD-display-container:hover .OAD-display-hover {

    display: block

}



.OAD-display-container:hover span.OAD-display-hover {

    display: inline-block

}



.OAD-display-hover {

    display: none

}



.OAD-display-position {

    position: absolute

}



.OAD-circle {

    border-radius: 50%

}



.OAD-round-small {

    border-radius: 2px

}



.OAD-round, .OAD-round-medium {

    border-radius: 4px

}



.OAD-round-large {

    border-radius: 8px

}



.OAD-round-xlarge {

    border-radius: 16px

}



.OAD-round-xxlarge {

    border-radius: 32px

}



.OAD-row-padding, .OAD-row-padding > .OAD-half, .OAD-row-padding > .OAD-third, .OAD-row-padding > .OAD-twothird, .OAD-row-padding > .OAD-threequarter, .OAD-row-padding > .OAD-quarter, .OAD-row-padding > .OAD-col {

    padding: 0 8px

}



.OAD-container, .OAD-panel {

    padding: 0.01em 16px;

    padding-top:100px;

}



.OAD-panel {

    margin-top: 16px;

    margin-bottom: 16px

}



.OAD-code, .OAD-codespan {

    font-family: Consolas,"courier new";

    font-size: 16px

}



.OAD-code {

    width: auto;

    background-color: #fff;

    padding: 8px 12px;

    border-left: 4px solid #4CAF50;

    word-wrap: break-word

}



.OAD-codespan {

    color: crimson;

    background-color: #f1f1f1;

    padding-left: 4px;

    padding-right: 4px;

    font-size: 110%

}



.OAD-card, .OAD-card-2 {

    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)

}



.OAD-card-4, .OAD-hover-shadow:hover {

    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)

}



.OAD-spin {

    animation: OAD-spin 2s infinite linear

}



@keyframes OAD-spin {

    0% {

        transform: rotate(0deg)

    }



    100% {

        transform: rotate(359deg)

    }

}



.OAD-animate-fading {

    animation: fading 10s infinite

}



@keyframes fading {

    0% {

        opacity: 0

    }



    50% {

        opacity: 1

    }



    100% {

        opacity: 0

    }

}



.OAD-animate-opacity {

    animation: opac 0.8s

}



@keyframes opac {

    from {

        opacity: 0

    }



    to {

        opacity: 1

    }

}



.OAD-animate-top {

    position: relative;

    animation: animatetop 0.4s

}



@keyframes animatetop {

    from {

        top: -300px;

        opacity: 0

    }



    to {

        top: 0;

        opacity: 1

    }

}



.OAD-animate-left {

    position: relative;

    animation: animateleft 0.4s

}



@keyframes animateleft {

    from {

        left: -300px;

        opacity: 0

    }



    to {

        left: 0;

        opacity: 1

    }

}



.OAD-animate-right {

    position: relative;

    animation: animateright 0.4s

}



@keyframes animateright {

    from {

        right: -300px;

        opacity: 0

    }



    to {

        right: 0;

        opacity: 1

    }

}



.OAD-animate-bottom {

    position: relative;

    animation: animatebottom 0.4s

}



@keyframes animatebottom {

    from {

        bottom: -300px;

        opacity: 0

    }



    to {

        bottom: 0;

        opacity: 1

    }

}



.OAD-animate-zoom {

    animation: animatezoom 0.6s

}



@keyframes animatezoom {

    from {

        transform: scale(0)

    }



    to {

        transform: scale(1)

    }

}



.OAD-animate-input {

    transition: width 0.4s ease-in-out

}



    .OAD-animate-input:focus {

        width: 100% 

    }



.OAD-opacity, .OAD-hover-opacity:hover {

    opacity: 0.60

}



.OAD-opacity-off, .OAD-hover-opacity-off:hover {

    opacity: 1

}



.OAD-opacity-max {

    opacity: 0.25

}



.OAD-opacity-min {

    opacity: 0.75

}



.OAD-greyscale-max, .OAD-grayscale-max, .OAD-hover-greyscale:hover, .OAD-hover-grayscale:hover {

    filter: grayscale(100%)

}



.OAD-greyscale, .OAD-grayscale {

    filter: grayscale(75%)

}



.OAD-greyscale-min, .OAD-grayscale-min {

    filter: grayscale(50%)

}



.OAD-sepia {

    filter: sepia(75%)

}



.OAD-sepia-max, .OAD-hover-sepia:hover {

    filter: sepia(100%)

}



.OAD-sepia-min {

    filter: sepia(50%)

}



.OAD-tiny {

    font-size: 10px 

}



.OAD-small {

    font-size: 12px 

}



.OAD-medium {

    font-size: 15px 

}



.OAD-large {

    font-size: 18px 

}



.OAD-xlarge {

    font-size: 24px 

}



.OAD-xxlarge {

    font-size: 36px 

}



.OAD-xxxlarge {

    font-size: 48px 

}



.OAD-jumbo {

    font-size: 64px;

    vertical-align:middle;

}



.OAD-left-align {

    text-align: left 

}



.OAD-right-align {

    text-align: right 

}



.OAD-justify {

    text-align: justify 

}



.OAD-center {

    text-align: center 

}



.OAD-border-0 {

    border: 0 

}



.OAD-border {

    border: 1px solid #ccc 

}



.OAD-border-top {

    border-top: 1px solid #ccc 

}



.OAD-border-bottom {

    border-bottom: 1px solid #ccc 

}



.OAD-border-left {

    border-left: 1px solid #ccc 

}



.OAD-border-right {

    border-right: 1px solid #ccc 

}



.OAD-topbar {

    border-top: 6px solid #ccc 

}



.OAD-bottombar {

    border-bottom: 6px solid #ccc 

}



.OAD-leftbar {

    border-left: 6px solid #ccc 

}



.OAD-rightbar {

    border-right: 6px solid #ccc 

}



.OAD-section, .OAD-code {

    margin-top: 16px ;

    margin-bottom: 16px 

}



.OAD-margin {

    margin: 16px 

}



.OAD-margin-top {

    margin-top: 16px 

}



.OAD-margin-bottom {

    margin-bottom: 16px 

}



.OAD-margin-left {

    margin-left: 16px 

}



.OAD-margin-right {

    margin-right: 16px 

}



.OAD-padding-small {

    padding: 4px 8px 

}



.OAD-padding {

    padding: 8px 16px 

}



.OAD-padding-large {

    padding: 12px 24px 

}



.OAD-padding-16 {

    padding-top: 16px ;

    padding-bottom: 16px 

}



.OAD-padding-24 {

    padding-top: 24px ;

    padding-bottom: 24px 

}



.OAD-padding-32 {

    padding-top: 32px ;

    padding-bottom: 32px 

}



.OAD-padding-48 {

    padding-top: 48px ;

    padding-bottom: 48px 

}



.OAD-padding-64 {

    padding-top: 64px ;

    padding-bottom: 64px 

}



.OAD-padding-top-64 {

    padding-top: 64px 

}



.OAD-padding-top-48 {

    padding-top: 48px 

}



.OAD-padding-top-32 {

    padding-top: 32px 

}



.OAD-padding-top-24 {

    padding-top: 24px 

}



.OAD-left {

    float: left 

}



.OAD-right {

    float: right 

}



.OAD-button:hover {

    color: #000 ;

    background-color: #ccc 

}



.OAD-transparent, .OAD-hover-none:hover {

    background-color: transparent 

}



.OAD-hover-none:hover {

    box-shadow: none 

}

/* Colors */

.OAD-amber, .OAD-hover-amber:hover {

    color: #000 ;

    background-color: #ffc107 

}



.OAD-aqua, .OAD-hover-aqua:hover {

    color: #000 ;

    background-color: #00ffff 

}



.OAD-blue, .OAD-hover-blue:hover {

    color: #fff ;

    background-color: #2196F3 

}



.OAD-light-blue, .OAD-hover-light-blue:hover {

    color: #000 ;

    background-color: #87CEEB 

}



.OAD-brown, .OAD-hover-brown:hover {

    color: #fff ;

    background-color: #795548 

}



.OAD-cyan, .OAD-hover-cyan:hover {

    color: #000 ;

    background-color: #00bcd4 

}



.OAD-blue-grey, .OAD-hover-blue-grey:hover, .OAD-blue-gray, .OAD-hover-blue-gray:hover {

    color: #fff ;

    background-color: #607d8b 

}



.OAD-green, .OAD-hover-green:hover {

    color: #fff ;

    background-color: #4CAF50 

}



.OAD-light-green, .OAD-hover-light-green:hover {

    color: #000 ;

    background-color: #8bc34a 

}



.OAD-indigo, .OAD-hover-indigo:hover {

    color: #fff ;

    background-color: #3f51b5 

}



.OAD-khaki, .OAD-hover-khaki:hover {

    color: #000 ;

    background-color: #f0e68c 

}



.OAD-lime, .OAD-hover-lime:hover {

    color: #000 ;

    background-color: #cddc39 

}



.OAD-orange, .OAD-hover-orange:hover {

    color: #000 ;

    background-color: #ff9800 

}



.OAD-deep-orange, .OAD-hover-deep-orange:hover {

    color: #fff ;

    background-color: #ff5722 

}



.OAD-pink, .OAD-hover-pink:hover {

    color: #fff ;

    background-color: #e91e63 

}



.OAD-purple, .OAD-hover-purple:hover {

    color: #fff ;

    background-color: #9c27b0 

}



.OAD-deep-purple, .OAD-hover-deep-purple:hover {

    color: #fff ;

    background-color: #673ab7 

}

.OAD-beige, .OAD-hover-red:hover {

    color: #f1f1f1;



    background-repeat: no-repeat;

    background-size: cover;



}

.OAD-beige2 {

    color: #f1f1f1;

    background-image: url("/images/OADAbout.png");

    background-repeat: no-repeat;

    background-size: cover;

}



.OAD-red, .OAD-hover-red:hover {

    color: #fff;

    background-image: url("/images/OADHome.png");

    background-color: #322214

}



.OAD-sand, .OAD-hover-sand:hover {

    color: #000 ;

    background-color: #fdf5e6 

}



.OAD-teal, .OAD-hover-teal:hover {

    color: #fff ;

    background-color: #009688 

}



.OAD-yellow, .OAD-hover-yellow:hover {

    color: #000 ;

    background-color: #ffeb3b 

}



.OAD-white, .OAD-hover-white:hover {

    color: #000 ;

    background-color: #fff 

}



.OAD-black, .OAD-hover-black:hover {

    color: #fff ;

    background-color: #000 

}



.OAD-grey, .OAD-hover-grey:hover, .OAD-gray, .OAD-hover-gray:hover {

    color: #000 ;

    background-color: #9e9e9e 

}



.OAD-light-grey, .OAD-hover-light-grey:hover, .OAD-light-gray, .OAD-hover-light-gray:hover {

    color: #000 ;

    background-color: #f1f1f1 

}



.OAD-dark-grey, .OAD-hover-dark-grey:hover, .OAD-dark-gray, .OAD-hover-dark-gray:hover {

    color: #fff ;

    background-color: #616161 

}



.OAD-pale-red, .OAD-hover-pale-red:hover {

    color: #000 ;

    background-color: #ffdddd 

}



.OAD-pale-green, .OAD-hover-pale-green:hover {

    color: #000 ;

    background-color: #ddffdd 

}



.OAD-pale-yellow, .OAD-hover-pale-yellow:hover {

    color: #000 ;

    background-color: #ffffcc 

}



.OAD-pale-blue, .OAD-hover-pale-blue:hover {

    color: #000 ;

    background-color: #ddffff 

}



.OAD-text-amber, .OAD-hover-text-amber:hover {

    color: #ffc107 

}



.OAD-text-aqua, .OAD-hover-text-aqua:hover {

    color: #00ffff 

}



.OAD-text-blue, .OAD-hover-text-blue:hover {

    color: #2196F3 

}



.OAD-text-light-blue, .OAD-hover-text-light-blue:hover {

    color: #87CEEB 

}



.OAD-text-brown, .OAD-hover-text-brown:hover {

    color: #795548 

}



.OAD-text-cyan, .OAD-hover-text-cyan:hover {

    color: #00bcd4 

}



.OAD-text-blue-grey, .OAD-hover-text-blue-grey:hover, .OAD-text-blue-gray, .OAD-hover-text-blue-gray:hover {

    color: #607d8b 

}



.OAD-text-green, .OAD-hover-text-green:hover {

    color: #4CAF50 

}



.OAD-text-light-green, .OAD-hover-text-light-green:hover {

    color: #8bc34a 

}



.OAD-text-indigo, .OAD-hover-text-indigo:hover {

    color: #3f51b5 

}



.OAD-text-khaki, .OAD-hover-text-khaki:hover {

    color: #b4aa50 

}



.OAD-text-lime, .OAD-hover-text-lime:hover {

    color: #cddc39 

}



.OAD-text-orange, .OAD-hover-text-orange:hover {

    color: #ff9800 

}



.OAD-text-deep-orange, .OAD-hover-text-deep-orange:hover {

    color: #ff5722 

}



.OAD-text-pink, .OAD-hover-text-pink:hover {

    color: #e91e63 

}



.OAD-text-purple, .OAD-hover-text-purple:hover {

    color: #9c27b0 

}



.OAD-text-deep-purple, .OAD-hover-text-deep-purple:hover {

    color: #673ab7 

}



.OAD-text-red, .OAD-hover-text-red:hover {

    color: #f44336 

}



.OAD-text-sand, .OAD-hover-text-sand:hover {

    color: #fdf5e6 

}



.OAD-text-teal, .OAD-hover-text-teal:hover {

    color: #009688 

}



.OAD-text-yellow, .OAD-hover-text-yellow:hover {

    color: #d2be0e 

}



.OAD-text-white, .OAD-hover-text-white:hover {

    color: #fff 

}



.OAD-text-black, .OAD-hover-text-black:hover {

    color: #000 

}



.OAD-text-grey, .OAD-hover-text-grey:hover, .OAD-text-gray, .OAD-hover-text-gray:hover {

    color: #757575 

}



.OAD-text-light-grey, .OAD-hover-text-light-grey:hover, .OAD-text-light-gray, .OAD-hover-text-light-gray:hover {

    color: #f1f1f1 

}



.OAD-text-dark-grey, .OAD-hover-text-dark-grey:hover, .OAD-text-dark-gray, .OAD-hover-text-dark-gray:hover {

    color: #3a3a3a 

}



.OAD-border-amber, .OAD-hover-border-amber:hover {

    border-color: #ffc107 

}



.OAD-border-aqua, .OAD-hover-border-aqua:hover {

    border-color: #00ffff 

}



.OAD-border-blue, .OAD-hover-border-blue:hover {

    border-color: #2196F3 

}



.OAD-border-light-blue, .OAD-hover-border-light-blue:hover {

    border-color: #87CEEB 

}



.OAD-border-brown, .OAD-hover-border-brown:hover {

    border-color: #795548 

}



.OAD-border-cyan, .OAD-hover-border-cyan:hover {

    border-color: #00bcd4 

}



.OAD-border-blue-grey, .OAD-hover-border-blue-grey:hover, .OAD-border-blue-gray, .OAD-hover-border-blue-gray:hover {

    border-color: #607d8b 

}



.OAD-border-green, .OAD-hover-border-green:hover {

    border-color: #4CAF50 

}



.OAD-border-light-green, .OAD-hover-border-light-green:hover {

    border-color: #8bc34a 

}



.OAD-border-indigo, .OAD-hover-border-indigo:hover {

    border-color: #3f51b5 

}



.OAD-border-khaki, .OAD-hover-border-khaki:hover {

    border-color: #f0e68c 

}



.OAD-border-lime, .OAD-hover-border-lime:hover {

    border-color: #cddc39 

}



.OAD-border-orange, .OAD-hover-border-orange:hover {

    border-color: #ff9800 

}



.OAD-border-deep-orange, .OAD-hover-border-deep-orange:hover {

    border-color: #ff5722 

}



.OAD-border-pink, .OAD-hover-border-pink:hover {

    border-color: #e91e63 

}



.OAD-border-purple, .OAD-hover-border-purple:hover {

    border-color: #9c27b0 

}



.OAD-border-deep-purple, .OAD-hover-border-deep-purple:hover {

    border-color: #673ab7 

}



.OAD-border-red, .OAD-hover-border-red:hover {

    border-color: #f44336 

}



.OAD-border-sand, .OAD-hover-border-sand:hover {

    border-color: #fdf5e6 

}



.OAD-border-teal, .OAD-hover-border-teal:hover {

    border-color: #009688 

}



.OAD-border-yellow, .OAD-hover-border-yellow:hover {

    border-color: #ffeb3b 

}



.OAD-border-white, .OAD-hover-border-white:hover {

    border-color: #fff 

}



.OAD-border-black, .OAD-hover-border-black:hover {

    border-color: #000 

}



.OAD-border-grey, .OAD-hover-border-grey:hover, .OAD-border-gray, .OAD-hover-border-gray:hover {

    border-color: #9e9e9e 

}



.OAD-border-light-grey, .OAD-hover-border-light-grey:hover, .OAD-border-light-gray, .OAD-hover-border-light-gray:hover {

    border-color: #f1f1f1 

}



.OAD-border-dark-grey, .OAD-hover-border-dark-grey:hover, .OAD-border-dark-gray, .OAD-hover-border-dark-gray:hover {

    border-color: #616161 

}



.OAD-border-pale-red, .OAD-hover-border-pale-red:hover {

    border-color: #ffe7e7 

}



.OAD-border-pale-green, .OAD-hover-border-pale-green:hover {

    border-color: #e7ffe7 

}



.OAD-border-pale-yellow, .OAD-hover-border-pale-yellow:hover {

    border-color: #ffffcc 

}



.OAD-border-pale-blue, .OAD-hover-border-pale-blue:hover {

    border-color: #e7ffff 

}